<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <div th:insert="commen/head :: header">
    </div>
</head>
<body style="background-color: rgb(242,244,247)">
<div th:insert="commen/navigationBar :: topNavBar"></div>
    <div class="container">
        <div class="row">

            <div class="col-md-12" style="margin-top: 20px; margin-bottom: 20px; border-radius: 5px; background-color: #ffffff">
                <h3>我发布的话题</h3>
                <div th:each="topic : ${topics}">
                    <a th:href="@{'/intoTopic/' + ${topic.getTopicId()} }" style="text-decoration: none;color: black">
                        <div class="media">
                            <div class="media-left media-top">
                                <img th:src="@{'../img/' + ${topic.getUser().getUserImg()}}" class="media-object" style="width:60px; border-radius: 100%">
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading" th:text="${topic.getUser().getUserName()}"></h4>
                                <p>
                                    <span th:text="${topic.getTopicTime()}" style="font-size: 12px;color: #5e5e5e"></span><br>
                                    <span th:text="${topic.getTopicTitle()}" style="font-size: 18px;font-weight: bold;"></span><br>
                                    <span th:text="${topic.getTopicContent()}"></span>
                                </p>
                            </div>
                            <a class="btn btn-primary" th:href="@{'/deleteMyTopic/' + ${topic.getTopicId()}}">删除</a>
                        </div>
                        <hr>
                    </a>
                </div>
            </div>

        </div>

    </div>
</body>
</html>